<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Table</title>
</head>
<body>
    <table border="1" cellspacing="0" width="500px">
        <tr>
            <td>ID</td>
            <td>Name</td>
            <td>Age</td>
            <td>Gender</td>
        </tr>
        <tr>
            <td>1</td>
            <td>张三</td>
            <td>20</td>
            <td>男</td>
        </tr>
        <tr>
            <td>2</td>
            <td>李四</td>
            <td>21</td>
            <td>男</td>
        </tr>
        <tr>
            <td>3</td>
            <td>王五</td>
            <td>20</td>
            <td>男</td>
        </tr>
    </table>
    <div>-------------------------------------------------------------------------</div>
    <form action="">
        <table border="1" cellspacing="0">
            <tr>
                <td>用户名：</td>
                <td><input type="text" value="张三" /></td>
            </tr>
            <tr>
                <td>密码：</td>
                <td><input type="password"></td>
            </tr>
            <tr>
                <td>性别：</td>
                <td>
                    <input type="radio" name="gender"> 男
                    <input type="radio" name="gender"> 女
                </td>
            </tr>
            <tr>
                <td>城市：</td>
                <td>
                    <select>
                        <option>--请选择城市--</option>
                        <option>济南</option>
                        <option>青岛</option>
                        <option>淄博</option>
                        <option>烟台</option>
                        <option>潍坊</option>
                        <option>菏泽</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>兴趣爱好：</td>
                <td>
                    <input type="checkbox" name="likes">音乐<br>
                    <input type="checkbox" name="likes">看书<br>
                    <input type="checkbox" name="likes">爬山<br>
                </td>
            </tr>
            <tr>
                <td>自我介绍：</td>
                <td>
                    <textarea>大家好，我是……</textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input type="checkbox"/>同意该协议
                </td>
            </tr>
            <tr>
                <td>
                    <input type="submit" value="注册"/>
                </td>
                <td>
                    <input type="reset" value="重置"/>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>